$(function() {
    var id = location.search.split("=")[1];
    console.log(id);
    $.ajax({
        type: 'get',
        url: '/product/queryProductDetail',
        data: { id: id },
        dataType: 'json',
        success: function(res) {
            console.log(res);
            // 渲染
            $('.mui-scroll').html(template('temp', res));
            // 给轮播图绑定事件 
            //获得slider插件对象
            var gallery = mui('.mui-slider');
            gallery.slider({
                interval: 2000 //自动轮播周期，若为0则不自动播放，默认为0；
            });
            // 给数字输入框绑定事件
            mui('.mui-numbox').numbox()
                // mui("mui-numbox").numbox().setOption('step', 5)
        }
    })
    mui('.mui-scroll-wrapper').scroll({
        deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
    });
    //给所有的span标签添加点击事件
    var size = null;
    $(".mui-scroll").on("click", '.size-text', function() {
        $(this).addClass("size-bg").siblings().removeClass("size-bg");
        size = $(this).text();
    });
    //加入购物车按钮添加点击事件
    $("#add-car").click(function() {
        var num = $(".mui-numbox-input").val();
        console.log(id, size, num);
        if (!size) {
            mui.toast('请选择尺码');
            return;
        }
        $.ajax({
            type: 'post',
            url: '/cart/addCart',
            dataType: 'json',
            data: {
                productId: id,
                num: num,
                size: size
            },
            success: function(res) {
                console.log(res)
                if (res.error) {
                    location.href = './login.html?reUrl=' + location.href;
                }
                if (res.success) {
                    mui.confirm('添加购物车成功', '温馨提示', ['继续浏览', '去购物车'], function(e) {
                        if (e.index == 1) {
                            // 跳转到购物车页面 
                            location.href = './cart.html';
                        }
                    })
                }
            }
        })
    })
})